<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/bootstrap-datetimepicker.min.css" />
<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            出差/公干信息
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>类型</span>{{type}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差单号</span>{{tripNum}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>申请人</span>{{userName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差开始时间</span>{{planStime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差结束时间</span>{{planEtime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>预测总费用</span>￥{{spMoney}}元
              </p>
            </div>
            <!--<div class="bio-row">-->
            <!--<p>-->
            <!--<span>出差说明</span>￥{{tripComments}}-->
            <!--</p>-->
            <!--</div>-->
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            出差预测费用明细
          </header>
          <div class="panel-body">
            <div class="bio-row" ng-repeat="x in bugets">
              <p>
                <span>{{x.bugetType}}</span>￥{{x.buget}}元
              </p>
            </div>
          </div>
        </section>
        <section class="panel hdoabtmeg" style="display: none;">
          <input type="hidden" value="{{sproId}}" id="proId"/>
          <input type="hidden" value="{{aid}}" id="appId">
          <header class="panel-heading">
            工作计划与结果
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>归属项目</span>{{sproName}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划开始时间</span>{{splanStarTime|date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划结束时间</span>{{splanEndTime|date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>地点</span>{{splanCity}}
              </p>
            </div>
            <div class="bio-row line-row">
              <p>工作计划</p>
              <p>{{splanComments}}</p>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">实际计划开始时间*</label>
              <div class="col-sm-4">
                <input type="text" value="" id="startTime" class="form-control">
              </div>
              <label class="col-sm-2 control-label">实际计划结束时间*</label>
              <div class="col-sm-4">
                <input type="text" value="" id="endTime" class="form-control">
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">工作结果*</label>
              <div class="col-sm-10">
                <textarea class="form-control" id="planResult" maxlength="250" placeholder="是否完成计划内容，具体完成情况如何？"></textarea>
              </div>
            </div>
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hdoabtmeg();">取消</a>
              <a href="javascript:void(0);" class="button-next  btn btn-info tj">提交</a>
            </p>
          </div>
        </section>
        <section class="panel">
          <div class="panel-heading">
            实际出差时间
          </div>
          <div class="panel-body">
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">实际出差开始时间*</label>
              <div class="col-sm-4">
                <input type="text" value="" id="actualAplStarTime" class="form-control">
              </div>
              <label class="col-sm-2 control-label">实际出差结束时间*</label>
              <div class="col-sm-4">
                <input type="text" value="" id="actualAplEndTime" class="form-control">
              </div>
            </div>
          </div>
          <header class="panel-heading">
            出差计划与结果
          </header>
          <div class="panel-body">
            <div id="oabt2Container" class="dlshouwen-grid-container"></div>
          </div>
        </section>
        <section class="panel">
          <div class="panel-body">
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
              <a href="javascript:void(0);" class="button-next  btn btn-success submitTrip">确认提交</a>
            </p>
          </div>
        </section>

        <section class="panel">
          <div class="panel-heading">
            审批记录
          </div>
          <div class="panel-body">
            <ul class="tp-ulst" id="containerUl">
              <li>
                <span>人员姓名</span><span>修改时间</span><span>处理结果</span>
              </li>
            </ul>
          </div>
        </section>
      </div>
    </div>
  </section>
</section>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datetimepicker.js"></script>
  <script src="js/trip/writeTripResult.js"></script>
<script src="js/trip/spNodeMain.js"></script>
  <script>
      //时间控件
      $('#startTime').datetimepicker({
          format: 'yyyy-mm-dd hh:ii:ss'
      });
      $('#endTime').datetimepicker({
          format: 'yyyy-mm-dd hh:ii:ss'
      });
      $('#actualAplStarTime').datetimepicker({
          format: 'yyyy-mm-dd hh:ii:ss'
      });
      $('#actualAplEndTime').datetimepicker({
          format: 'yyyy-mm-dd hh:ii:ss'
      });
  </script>